<template>
  <view class="content">
    <image class="logo" src="/static/banner.png" @click="gotoPage"></image>
    <!-- <image class="logo" src="/static/banner.png"></image> -->
  </view>
</template>

<script>
  export default {
    data() {
      return {
        title: "Hello",
      };
    },
    async onLoad(options) {
      console.log("URL参数:", options);
      uni.showModal({
        title: "提示",
        content: JSON.stringify(options),
        showCancel: false,
      });
    },
    onShow() {},
    methods: {
      gotoPage() {
        uni.navigateTo({
          url: "/pages/index/home",
        });
      },

      // 获取用户信息
      getWechatInfo() {
        uni.getUserInfo({
          success: (res) => {
            // 获取到的用户信息
            console.log(res.userInfo);
            // 微信用户昵称
            console.log(res.userInfo.nickName);
            // 微信用户头像
            console.log(res.userInfo.avatarUrl);
            // 注意：小程序平台无法直接获取微信号
            // 需要使用云开发或其他后端方式间接获取
            uni.setStorageSync("userInfo", res.userInfo);
          },
          fail: (err) => {
            console.log("获取用户信息失败", err);
          },
        });
      },

      // 请求用户授权
      requestUserInfo() {
        uni.authorize({
          scope: "scope.userInfo",
          success: () => {
            // 用户同意授权
            this.getWechatInfo();
          },
          fail: () => {
            // 用户拒绝授权
            uni.showModal({
              title: "提示",
              content: "您拒绝了授权，将无法使用完整功能",
              showCancel: false,
            });
          },
        });
      },

      checkAndGetSetting() {
        // 检查用户是否已授权
        uni.getSetting({
          success: (res) => {
            if (res.authSetting["scope.userInfo"]) {
              // 用户已授权，可以直接获取用户信息
              this.getWechatInfo();
            } else {
              // 用户未授权，需要先请求授权
              this.requestUserInfo();
            }
          },
        });
      },
    },
    mounted() {
      // #ifdef MP-WEIXIN
      this.checkAndGetSetting();
      // #endif
    },
  };
</script>

<style>
  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-color: #105ea7;
    min-height: 100vh;
  }

  .logo {
    height: 1000rpx;
    width: 750rpx;
    /* margin-top: 200rpx; */
    /* margin-left: auto;
    margin-right: auto;
    margin-bottom: 50rpx; */
  }

  .text-area {
    display: flex;
    justify-content: center;
  }

  .title {
    font-size: 36rpx;
    color: #8f8f94;
  }
</style>
